<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
    <title>Nước giải khát Cocacola - Mai Hoang JSC.</title>
    <link href="css/core.css" rel="stylesheet" />
    <link href="css/styles.css" rel="stylesheet" />
    <link href="css/slider.css" rel="stylesheet" />
    <link href="css/css3main.css" rel="stylesheet" />
    <!--[if lt IE 9]>
        <link href="css/fixIE.css" rel="stylesheet" />
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/oe.js"></script>
    <script>
        // Run script
        $(function(){
            $('#slider').oeSimpleSlider({
                speed: 2000,
                delay: 6000,
                showController: true
            });
            // Hidden Navigation
            $('#nav-thief').oeGoner({
                startFrom: '#wrapper',
                bottomBleed : 10
            });
        });
    </script>
</head>
<body>
    <header role="info">
        <div class="head-top">
            <ul class="clearfix">
                <li><i class="icon-tel">&nbsp;</i>012.345.6789</li>
                <li><i class="icon-mail">&nbsp;</i>info@maihoangjsc.com</li>
                <li><i class="icon-pin">&nbsp;</i>Số 1 - Hồ Hoàn Kiếm - Hà Nội</li>
            </ul>
        </div>
        <div class="container clearfix">
            <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
            <nav class="mainnav">
                <ul>
                    <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                </ul>
            </nav>
        </div>
        <div id="nav-thief" class="fadeIn slideFromTop">
            <div class="container">
                <h1 class="logo"><a href="#">Công ty Cổ phần Mai Hoàng</a></h1>
                <nav class="clearfix">
                    <ul>
                        <li><a href="/" class="active">Trang chủ</a></li>
                        <li><a href="/page.html">Giới thiệu</a></li>
                        <li><a href="/product.html">Sản phẩm</a></li>
                        <li><a href="/product_single.html">Trang Sản phẩm</a></li>
                        <li><a href="/news.html">Tuyển dụng</a></li>
                        <li><a href="/contact.html">Liên hệ</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div id="wrapper">
        <div class="spotlight">
            <img src="./images/cat/3.jpg" alt="Category Image" class="spl-thumb"/>
            <h2 class="spl-info small">Giới thiệu</h2>
        </div><!-- /.spotlight -->
        <div class="main-content container">
            <article id="prd-holder" class="page-content">
                <!-- Noi dung -->
                <p>
                    In risus mi, ultrices at placerat eu, lacinia ut neque.
                    Nullam bibendum feugiat erat, sit amet interdum est ultricies nec.
                    Curabitur urna tellus, facilisis at porta tempor, dictum sed magna.
                    In hac habitasse platea dictumst.
                    Vestibulum facilisis nunc interdum risus egestas nec ornare mauris rhoncus.
                    Fusce magna urna, tempor quis sollicitudin nec, rutrum non sem.
                    Etiam rutrum gravida orci, vitae consectetur nisi dictum eu.
                </p>
                <p style="text-align:center">
                    <img src="./images/thumb1.jpg" alt="Giới thiệu"/>
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </p>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </p>
            </article><!-- /#prd-holder -->
            <div class="home-block">
                <h3 class="title-bar"><a href="#">Sản phẩm của chúng tôi</a></h3>
                <div class="hp-house clearfix">
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/1.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/2.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/3.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                    <section class="hp-box">
                        <a href="#" class="hp-thumb"><img src="./images/examples/4.jpg" alt=""></a>
                        <h2 class="hp-title"><a href="#">Nước giải khát Cocacola</a></h2>
                        <div class="hp-desc">
                            <p>Nunc justo lacus, molestie ut porta id pharetra vestibulum proin sit amet aliquet massa phasellus id tristique mi</p>
                            <a href="#" class="hp-btn">Xem thêm</a>
                        </div>
                    </section><!-- /.hp-box -->
                </div><!-- /.hp-house -->
            </div>

        </div><!-- /.main-content -->
    </div><!-- /#wrapper -->
    <footer>
        <div class="container clearfix">
            <span class="separator">&nbsp;</span>
            <div class="foot-left">
                <h5 class="foot-logo">Mai Hoang JSC.</h5>
                <div class="foot-info">
                    <p><strong>Công ty Cổ phần Mai Hoang</strong></p>
                    <p>Trụ sở chính: Số 1 - Hồ Hoàn Kiếm - Hà Nội</p>
                    <p>Tel: (84.4) 123.4567  Fax: (84.4) 987.6543</p>
                    <p>E-mail: info@maihoangjsc.com</p>
                </div>
            </div>
            <div class="foot-right">
                <p>Copyright © Mai Hoang 2013. Developed by <a href="http://ownego.com">OwnEGO</a>.
</p>
            </div>
        </div>
    </footer>
</body>
</html>